// subpkg/addPost/addPost.js
const util = require('../../utils/util')
import Toast from '@vant/weapp/toast/toast';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    sid: '',
    majors: '',
    imageFileList: [],
    allFileList:[],
    // cloudPath: [],
    // envId: '',
    addBtn: true,
    sidError: '',
    majorsError: '',
  },

  // 文件读取完成后触发，event.detail.file: 当前读取的文件，再上传到图片服务器上
  afterRead(event) {
    const { file } = event.detail //获取所需要上传的文件列表
    const newFileList = file.map(item => ({ url: item.url }));
    this.setData({ 
      allFileList: this.data.allFileList.concat(file),
      imageFileList: this.data.imageFileList.concat(newFileList)
    });
  },
  // 上传
  putImg() {
    if (!this.data.sid) {
      Toast('请输入学号！');
      return;
    }
    if (!this.data.majors) {
      Toast('请输入专业！');
      return;
    }
    if (!this.data.addBtn) {
      console.log('nononono')
      return
    }
    const sidReg1 = /^(18|19|2[0-3])\d{6}$/
    const sidReg2 = /^s20(18|19|2[0-3])\d{5}$/
    const majorsReg = /^[\u4e00-\u9fa5]{0,}$/
    if (sidReg1.test(this.data.sid) || sidReg2.test(this.data.sid)) { 
      this.setData({ sidError: '' })
    } else {
      this.setData({
        sidError: '学号不存在'
      })
      return
    }
    if (majorsReg.test(this.data.majors)) { 
      this.setData({ majorsError: '' })
    } else {
      this.setData({
        majorsError: '含有非法字符，请输入纯文字'
      })
      return
    }
    let file = this.data.allFileList
    console.log('file', file)
    if (file.length == 0) {
      console.log('没有图片')
      // this.putPost([])
      Toast('请上传一张校卡图片！');
      return
    }
    wx.showLoading({
      title: '上传中...'
    })
    this.setData({
      addBtn: false
    })
    wx.cloud.init();
    const uploadTasks = file.map(fileItem => this.uploadFilePromise(fileItem));
    Promise.all(uploadTasks)
      .then(data => {
        const newFileList = data.map(item => ({ url: item.fileID }));
        console.log('newFileList', newFileList)
        this.putPost(newFileList)
      })
      .catch((e) => {
        console.log('e', e)
          //存在有上传失败的文件
          wx.hideLoading()
          wx.showToast({
            title: '上传失败！',
            icon: 'none',
          })
          this.setData({
            addBtn: true
          })
      });
  },
  //封装上传图片函数,利用小程序云开函数
  uploadFilePromise(fileItem) {
    // TODO:优化-带上用户标示作为区分
    const imageName = fileItem?.url.slice(11, -4).slice(0,6);
    console.log(`imageName`, imageName)
    console.log(`fileItem.url`, fileItem.url)
    return wx.cloud.uploadFile({
      // 指定上传到的云路径
      cloudPath: `productImg/${imageName}.png`,
      // 指定要上传的文件的小程序临时文件路径
      filePath: fileItem.url,
    });
  },
  putPost(newFileList) {
    let t = new Date()
    let obj = {
      openid: wx.getStorageSync('openid'),
      sid: this.data.sid,
      majors: this.data.majors,
      rzImg: newFileList,
      // rzCreatTime: util.formatTime(t),
      rzTime: t.getTime(),
      status: 3,
    }
    // return
    wx.cloud.callFunction({
      // 需调用的云函数名
      name: 'quickstartFunctions',
      // 传给云函数的参数
      data: {
        type: 'putRz',
        _id: wx.getStorageSync('user')._id,
        obj: obj,
      },
    }).then((resp) => {
      console.log('resp',resp)
      wx.hideLoading()
      wx.showToast({ title: '提交成功', icon: 'none' });
      wx.switchTab({
        url: '../../pages/user/index'
      })
    }).catch((e) => {
      console.log(e)
      this.setData({
        addBtn: true
      })
    });
  },
  imageDelete(e) {
    // 删除
    console.log('e', e.detail)
    let newFileList = []
    let newAllFileList = []
    this.data.imageFileList.forEach((item, index) => {
      if (index != e.detail.index) {
        newFileList.push(item)
      }
    })
    this.data.allFileList.forEach((item, index) => {
      if (index != e.detail.index) {
        newAllFileList.push(item)
      }
    })
    this.setData({ 
      imageFileList: newFileList,
      allFileList: newAllFileList,
    });
  },

  // sx() {
  //   this.setData({
  //     title: '',
  //     content: '',
  //     price: '',
  //     ddIndex: '',
  //     jyIndex: '',
  //     imageFileList: [],
  //     allFileList:[],
  //   })
  // },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    wx.setNavigationBarTitle({
      title: '学生认证',
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})